
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="${basePath}/public/css/adminbase.css">
    <link href="${basePath}/public/js/webuploader.css" rel="stylesheet">
    <script type="text/javascript" src="${basePath}/public/js/jquery.min.js"></script>
    <script type="text/javascript" src="${basePath}/public/js/webuploader.min.js"></script>

    <script type="text/javascript">

        //初始化Web Uploader
        var uploader ;
        $(function(){
            uploader = WebUploader.create({
                // 选完文件后，是否自动上传。
                auto: true,
                // swf文件路径
                swf: '${pageContext.request.contextPath}/public/js/Uploader.swf',
                // 文件接收服务端。
                server:'${basePath}/admin/work/toFile',
                // 选择文件的按钮。可选。
                // 内部根据当前运行是创建，可能是input元素，也可能是flash.
                pick: '#images',
                //设置文件上传域的name
                fileVal:"fileImg",
                //文件上传请求的参数表，每次发送都会发送此对象中的参数
                formData:{
                },
                // 只允许选择图片文件。
                accept: {

                    title: 'Images',
                    extensions: 'gif,jpg,jpeg,bmp,png',
                    mimeTypes: 'image/*'
                }
            });

            //上传图片完成后回调的方法
            uploader.on('uploadSuccess', function(file,response) {
                //服务器返回json数据
                console.info(response);
                //将上传的文件路径绑定在页面中
                $("#imageList").append("<img src='"+response.url+"' style='width:100px;height:100px;' />"
                    +"<input type='hidden' name='imgfile' value='"+response.url1+"'/>"
                );
            });

        });

        function button() {
            var goodsName = $("#goodsName").val();
            var goodsSn = $("#goodsSn").val();
            var marketPrice = $("#marketPrice").val();
            var sellPrice = $("#sellPrice").val();
            var goodsNumber = $("#goodsNumber").val();
            var clickCount = $("#clickCount").val();
            var catalogId = $("#catalogId").val();
            var isOnSale=$("#isOnSale").val();
            var isNew=$("#isNew").val();
            var isHot=$("#isHot").val();
            var goodsImg = $(":input[name='imgfile']").val();

            $.ajax({
                url:"${basePath}/admin/work/add",
                type:"post",
                data:{
                    goodsName:goodsName,
                    goodsSn:goodsSn,
                    marketPrice:marketPrice,
                    sellPrice:sellPrice,
                    goodsNumber:goodsNumber,
                    clickCount:clickCount,
                    catalogId:catalogId,
                    isOnSale:isOnSale,
                    isNew:isNew,
                    isHot:isHot,
                    goodsImg:goodsImg
                },
                success:function (resultJson) {
                    if (resultJson.status==1){
                        window.location.href="${basePath}/admin/adminUser/work/index";
                    } else {
                        alert(resultJson.msg);
                    }
                }
            })
        }
    </script>
</head>
<body>
<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">首页</a></li>
        <li><a href="#">新增</a></li>
    </ul>
</div>

<div class="session-main">
    <div class="formbody">
            <ul class="forminfo">
                <li><label>商品名称</label><input name="" type="text" class="dfinput" value="" id="goodsName"><i>名称不能超过30个字符</i></li>
                <li>
                    <label>商品图片</label>
                    <div id="imageList"></div>
                    <div id="images">添加图片</div>

                </li>
                <li><label>商品货号</label><input name="" type="text" class="dfinput" value="" id="goodsSn" ></li>
                <li><label>市场价格</label><input name="" type="text" class="dfinput" value="" id="marketPrice"></li>
                <li><label>出售价格</label><input name="" type="text" class="dfinput" value="" id="sellPrice"></li>
                <li><label>库存数量</label><input name="" type="text" class="dfinput" value="" id="goodsNumber"><i>多个关键字用,隔开</i></li>
                <li><label>点击数量</label><input name="" type="text" class="dfinput" value="" id="clickCount"></li>
                <li><label>分类编号</label><input name="" type="text" class="dfinput" value="" id="catalogId"></li>
                <li><label>是否上架</label>
                    <cite>
                        <input name="isOnSale" type="radio" value="1"  checked="checked"  id="isOnSale">是&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="isOnSale" type="radio" value="0"  class="isOnSale">否
                    </cite>
                </li>
                <li><label>是否新品</label>
                    <cite>
                        <input name="isNew" type="radio" value="1"  checked="checked" id="isNew">是&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="isNew" type="radio" value="0"  class="isNew">否
                    </cite>
                </li>
                <li><label>是否热销</label>
                    <cite>
                        <input name="isHot" type="radio" value="1"  checked="checked"  id="isHot">是&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="isHot" type="radio" value="0"  class="isHot">否
                    </cite>
                </li>
                <li>
                    <label>&nbsp;</label>
                    <input name="" type="button" class="btn" value="确认保存" onclick="button()">
                    <input type="button" class="btn" onclick="javascript:window.location.href='index.html'" value="返回" style=" background: #57e980;">
                </li>
            </ul>
    </div>
</div>
</body>
</html>

